<template>
    <div id="evaluation_categroy">
        <van-tag type="primary" :text-color="value.name == '不满意'? '#d3d3d3' : (value.name == '全部' ? '#fff' : '#c2ccd6')" 
        
        :color="value.name == '不满意'? '#f5f5f5' : (value.name == '全部' ? '#3792e5' : '#ebf5ff')" 
        
        :size="medium" v-for="value in evaluation_categroy" :key="value._id">{{value.name + "(" + value.count + ")"}}</van-tag>
    </div>
</template>

<script>
export default {
    data(){
        return {
            medium: 'medium'
        }
    },
    props:{
        evaluation_categroy: {
            type: Array,
            default: []
        }
    },
    mounted(){
        
    }
}
</script>

<style lang="less">
    #evaluation_categroy{
        min-height: 50px;
        background-color: #fff;
        padding: 0 28px;
        border-bottom: 1px solid #ececec;

        // 标签
        .van-tag{
            padding: 10px;
            margin: 10px;
            border-radius: 8px;
            font-style: 12px;
        }

    }
</style>